<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start" (click)="gotohome()">
      <ion-icon name="arrow-back"></ion-icon>
    </ion-buttons>
    <ion-title>refresher</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
    <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
        <ion-refresher-content
          pullingIcon="arrow-dropdown"
          pullingText="Pull to refresh"
          refreshingSpinner="circles"
          refreshingText="加载中...">
        </ion-refresher-content>
    </ion-refresher>
    <ion-list>
        <ion-item class="items" *ngFor="let item of datalist">
            <ion-thumbnail slot="start">
               <ion-img src="../../assets/img.jpg"></ion-img>
            </ion-thumbnail>
            <ion-label>
              <div [ngClass]="{'unread': !item.unread}"></div>
              <h2>{{item.name}}</h2>
              <p>8.7</p>
            </ion-label>
            <ion-button fill="outline" slot="end">观看</ion-button>
        </ion-item>
    </ion-list>
</ion-content>
